import React from 'react'
import style from './index.module.css'
import bg from '../../img/bg2.png'
import ke from '../../img/ke.png'
export default function End(props) {
    return (
        <div className={`page-container page ${style.home}`} style={{ 
            opacity:props.percent/100,
            top: (props.page * 100) + '%',backgroundImage: `url(${bg})`}}>
            <img src={ke} alt='' className={style.image} style={{
                opacity:props.percent/100,
                transform:`translate(-50%,-50%) scale(${11-Math.sqrt(props.percent)})`,
                // filter:`blur(${5*(Math.sqrt(100-props.percent))}px)`
            }}></img>
        </div>
    )
}